<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--ie使用edge渲染模式-->
    <meta name="renderer" content="webkit"><!--360渲染模式-->
    <title>在线报名</title>
    <!--引入页面样式-->
    <link rel="stylesheet" href="../../pilot/css/basic.css">
    <style type="text/css">
        /*映入表格*/
        .m-modal {
            z-index: 1000;
            overflow: auto;
        }
        .m-modal-dialog {
            position: relative;
            margin: 0 auto;
            width: 1180px;
            min-width: 1180px;
            height: 530px;
            background-color: #ffffff;
        }

        .m-modal-close {
            width: 50px;
            height: 50px;
            position: absolute;
            right: 0;
            top: 0;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: url(../../pilot/imgs/closeBtn.png);
            background-repeat: no-repeat;
            background-position: center center;
        }
        .teacher_img_box{
            width: 330px;
            height: 100%;
            /*float: left;*/
            /*background-color: antiquewhite;*/
        }
        .teacher_img_box img{
            position: absolute;
            width: 270px;
            height: 430px;
            top: 20px;
            left: 20px;
        }
        .sign_input_area{
            right: 10px;
            position: absolute;
            width: 580px;
            height: 430px;
            /*background-color: bisque;*/
            /* float: left; */
            top: 40px;
            background-image: url(../../pilot/imgs/tisheng.png);
            background-repeat: no-repeat;
            background-size: 480px 125px;
            background-position: 23px 21px;/*图片显示的位置*/
        }
        .sign_table{
            left: 0px;
            width: 580px;
            height: 270px;
            position: absolute;
            bottom: 0px;
        }
        .sign_table tbody tr td{
            /*background-color: #43CD80;*/
            border-bottom: 1px solid #C7C7C7;
        }
        .sign_table tbody tr td span{
            /*font-size: 16px;*/
            color: #A3A3A3;
            font-size: 19px;
        }
        .sign_table tbody tr td input{
            font-size: 20px;
            padding-left: 20px;
            height: 30px;
            border: none;
            outline: none;
            width: 160px;
        }
        .sign_table tbody tr{
            /*width: 100%;*/
            /*height:100%;*/
        }
        .submit_btn_td{
            border-bottom: none !important;
        }
        .submit_btn_td button{
            outline: none;
            background-color: #00D685;
            padding: 10px 35px 10px 35px;
            margin-left: 50px;
            color: white;
            border: none;
            border-radius: 20px;
            font-size: 18px;
        }


    </style>
</head>
<body>
<div id="layout_nav">
    <!--右侧悬浮框-->
    <div class="OnlineService_Bg">
        <div class="OnlineService_Box">
            <img class="BoxAreaImg" src="../../pilot/imgs/xuanfu.fw.png">
            <img id="CloseBoxBtn" src="../../pilot/imgs/cuohao.jpg">
            <img class="BoxAreaImg_One" src="../../pilot/imgs/mianfei.png"
                 onclick="TQKF.kefuimg.Distrabute()">
            <img class="BoxAreaImg_Two" src="../../pilot/imgs/mianfei.png"
                 onclick="TQKF.inviter.OpenCallback()">
            <img class="BoxAreaImg_Three" src="../../pilot/imgs/zaixian.png"
                 onclick="TQKF.kefuimg.Distrabute()">
            <div id="ToTop_Box">
                <img src="../../pilot/imgs/totop.jpg">
                <span>返回顶部</span>
            </div>
        </div>
    </div>

    <!--导航栏-->
    <div class="layout_nav_area">
        <div id="top_nav">
            <div class="top_nav_left">
                <span class="logo_line"></span>
                <span class="logo_font">专注于中国<br>教育发展</span>
            </div>
            <div class="top_nav_right">
                <div class="top_right_body">
                    <a href="../../pilot/view/homepage.html">首页</a>
                    <a href="../../pilot/view/courseInfo.html">课程介绍</a>
                    <a href="../../pilot/view/introduce.html">师资介绍</a>
                    <a href="../../pilot/view/information.html">考研资讯</a>
                    <a href="../../pilot/view/information.html">最新活动</a>
                    <a href="../../pilot/view/signin.html">在线报名</a>
                    <a href="#">招聘信息</a>
                    <a href="../../pilot/view/contactOur.html">联系我们</a>
                </div>
                <div class="searchImgArea">
                    <a href="../../pilot/view/search.html"></a>
                    <a href="../../pilot/view/search.html"></a>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="main_body">
    <div class="m-modal">
        <div class="m-modal-dialog">
            <span class="m-modal-close"></span>
            <div class="teacher_img_box">
                <img src="../../pilot/imgs/girlTeacherimg.png">
            </div>
            <div class="sign_input_area">
                <table class="sign_table" cellspacing="15">
                    <tr>
                        <td>
                            <span>姓名</span><input type="text">
                        </td>
                        <td>
                            <span>电话</span><input type="text">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span>QQ</span><input type="text">
                        </td>
                        <td>
                            <span>学校</span><input type="text">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span>院系</span><input type="text">
                        </td>
                        <td>
                            <span>专业</span><input type="text">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span>年级</span><input type="text">
                        </td>
                        <td class="submit_btn_td">
                            <button>立即报名</button>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

</div>
</body>
</html>